<style lang="less" scoped>
    @import './funnel_step_child.less';
</style>
<template>
    <div style="overflow:auto;">
        <!-- 选择属性 -->
        <Select v-model="step.filterMethod" style="width:150px" :transfer="true" placeholder="请选事件属性">
            <Option v-for="item in ClickListChild" :value="item.value" :key="item.value">{{ item.label }}</Option> 
        </Select>

        <!-- 判断条件 -->
        <Select v-model="step.condition" style="width:100px" :transfer="true" placeholder="条件">
            <Option v-for="item in condition" :value="item.key" :key="item.value">{{ item.value }}</Option> 
        </Select>

        <!-- 判断内容 -->
        <Input v-model="step.YIDname" placeholder="请输入自定义名称" style="width: 150px" />

        <!-- 删除条件按钮 -->
        <Icon type="ios-remove-circle-outline" @click="delstepchild(childSubindex)" size="24" class="point" />
    
    </div>
</template>



<script>
export default {
    data(){
        return {
            ClickListChild:[] ,
            condition:[
                {
                    key:'=',
                    value:'等于'
                },{ 
                    key:'≠',
                    value:'不等于'
                },{ 
                    key:'<',
                    value:'小于'
                },{ 
                    key:'小于等于',
                    value:'≤'
                },{ 
                    key:'>',
                    value:'大于'
                },{ 
                    key:'≥',
                    value:'大于等于'
                }
            ],
            model1: '',
            step:{
                condition:'=',
                filterMethod:'New York',
                YIDname:''
            }
        }
    },
    props:['childSubindex','ClickList'],
    mounted(){
        this.ClickListChild = this.ClickList;
    },
    methods:{
        delstepchild:function(childSubindex){
            this.$parent.delChildFunnel(childSubindex);
        },
    }
}
</script>